<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>美团酒店</title>

	</head>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="shortcut icon" href="./img/meituan.ico" />
	<link rel="stylesheet" type="text/css" href="./css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="./css/hotel.css" />

	<body>
		<div id="meituanwang">
			<!--头部内容开始-->
			<div id="header">
				<div class="container">
					<div class="city">
						<i></i>
						<span>长沙</span>
						<span class="qhcs">切换城市</span>[
						<a href="" class="active">湘潭</a>
						<a href="" class="active">宁乡</a>
						<a href="" class="active">株洲</a>]
					</div>
					<div class="login">
						<a href="#">立即登录</a>
						<a href="#" class="loginIn">注册</a>
					</div>
					<div class="link">
						<li class="nav">
							<a href="">我的美团</a>
							<ul class="link-second mine">
								<li>
									<a href="#">我的订单</a>
								</li>
								<li>
									<a href="#">我的评价</a>
								</li>
								<li>
									<a href="#">我的收藏</a>
								</li>
								<li>
									<a href="#">抵用券</a>
								</li>
								<li>
									<a href="#">账号设置</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="">手机APP</a>
						</li>
						<li class="nav">
							<a href="">商家中心</a>
							<ul class="link-second merchant">
								<li>
									<a href="#">登录商家中心</a>
								</li>
								<li>
									<a href="#">我想合作</a>
								</li>
								<li>
									<a href="#">手机免费开店</a>
								</li>
								<li>
									<a href="#">餐饮代理商招募</a>
								</li>
								<li>
									<a href="#">商家申请开票</a>
								</li>
							</ul>
						</li>
						<li class="nav">
							<a href="">网站导航</a>
							<ul class="link-second wangzhan clearfix">
								<dl class="header-hotel">
									<dt>酒店旅游</dt>
									<dd>
										<a href="#">国际机票</a>
									</dd>
									<dd>
										<a href="#">火车票</a>
									</dd>
									<dd>
										<a href="#">民宿</a>
									</dd>
									<dd>
										<a href="#">经济型酒店</a>
									</dd>
									<dd>
										<a href="#">主题酒店</a>
									</dd>
									<dd>
										<a href="#">豪华酒店</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
								</dl>
								<dl class="header-meishi">
									<dt>尺美食</dt>
									<dd>
										<a href="#">国际机票</a>
									</dd>
									<dd>
										<a href="#">火车票</a>
									</dd>
									<dd>
										<a href="#">民宿</a>
									</dd>
									<dd>
										<a href="#">经济型酒店</a>
									</dd>
									<dd>
										<a href="#">主题酒店</a>
									</dd>
									<dd>
										<a href="#">豪华酒店</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
									<dd>
										<a href="#">客栈</a>
									</dd>
								</dl>
								<dl class="header-movie">
									<dt>电影</dt>
									<dd>
										<a href="#">热映电影</a>
									</dd>
									<dd>
										<a href="#">热门影院</a>
									</dd>
									<dd>
										<a href="#">最期待电影</a>
									</dd>
									<dd>
										<a href="#">国内票房榜</a>
									</dd>
									<dd>
										<a href="#">北美票房榜</a>
									</dd>
									<dd>
										<a href="#">豪华酒店</a>
									</dd>
								</dl>
								<dl class="header-app">
									<dt>手机应用</dt>
									<dd>
										<a href="#"><img src="./img/meituan.png" /></a>
									</dd>
									<dd>
										<a href="#"><img src="./img/waimai.png" /></a>
									</dd>
									<dd>
										<a href="#"><img src="./img/zhenguo.png" /></a>
									</dd>
									<dd>
										<a href="#"><img src="./img/dianping.png" /></a>
									</dd>
									<dd>
										<a href="#"><img src="./img/maoyan.png" /></a>
									</dd>

								</dl>

							</ul>
						</li>
					</div>
				</div>

			</div>
			<!--头部结束-->

			<!--搜索栏开始-->
			<div id="search" style="height: 120px;">
				<div class="container">
					<div class="search_con">
						<div class="logo">
							<a href=""><img src="img/logo.png" /></a>
							<span style="margin-left: 20px;color: #222;font-size: 16px;">酒店</span>
							<div class="wholeBox ">
								<span class="whole">全部分类</span>
								<div class="link-second catogrey">
									<ul>
										<li>
											<a href="#">美食</a>
										</li>
										<li>
											<a href="#">外卖</a>
										</li>
										<li>
											<a href="#">酒店</a>
										</li>
										<li>
											<a href="#">榛果民宿</a>
										</li>
										<li>
											<a href="#">猫眼电影</a>
										</li>
										<li>
											<a href="#">机票、火车票</a>
										</li>
										<li>
											<a href="#">休闲娱乐|KTV</a>
										</li>
										<li>
											<a href="#">生活服务</a>
										</li>
										<li>
											<a href="#">丽人|美发|医学美容</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="search_right">
							<ul>
								<li>
									<i></i>
									<a href="">随时退</a>
								</li>
								<li>
									<i></i>
									<a href="">不满意免单</a>
								</li>
								<li>
									<i></i>
									<a href="">过期退</a>
								</li>
							</ul>
						</div>

					</div>
				</div>

			</div>
			<!--搜索栏结束-->

			<!--条件选择区域-->
			<div class="choose">
				<div class="container">
					<div class="choose-title">
						<label class="choose-item">
           	   			<span class="whole">入驻城市</span>
           	   		  <input type="text" name="" id="" value="长沙"  class="choose-input"/>
           	   		</label>
						<label class="choose-item">
           	   			<span class="whole">入驻</span>
           	   		  <input type="text" name="" id="" value="2017-12-04"  class="choose-input"/>
           	   		</label>
						<label class="choose-item">
           	   			<span class="whole">离店</span>
           	   		  <input type="text" name="" id="" value="2017-12-05"  class="choose-input"/>
           	   		</label>
						<label class="choose-item">
           	   		  <input type="text" name="" id="" value="长沙"  class="choose-input"  placeholder="(关键词选填)" />
           	   		</label>

						<input type="button" name="" id="" value="搜索" class="choose-search" />
					</div>
					<div class="choose-info">
						<div class="info-item clearfix">
							<div class="row-title">
								位置
							</div>
							<div class="row-unlimited">
								<a href="#">不限</a>
							</div>
							<div class="row-content">
								<span class="con-item">热门</span>
								<span class="con-item">行政区/商圈</span>
								<span class="con-item">地铁站</span>
								<span class="con-item">高校</span>
								<span class="con-item">车站</span>
								<span class="con-item">机场</span>
								<span class="con-item">旅游景点</span>
							</div>
						</div>
						<div class="info-item clearfix">
							<div class="row-title">
								星级
							</div>
							<div class="row-unlimited">
								<a href="#">不限</a>
							</div>
							<div class="row-content">
								<label><input type="checkbox" name="" id="" value="" />经济型</label>
								<label><input type="checkbox" name="" id="" value="" />舒适/三星</label>
								<label><input type="checkbox" name="" id="" value="" />经济型</label>
								<label><input type="checkbox" name="" id="" value="" />经济型</label>
								<label><input type="checkbox" name="" id="" value="" />经济型</label>
							</div>
						</div>
						<div class="info-item clearfix">
							<div class="row-title">
								类型
							</div>
							<div class="row-unlimited">
								<a href="#">不限</a>
							</div>
							<div class="row-content">
								<label><input type="checkbox" name="" id="" value="" />经济型酒店</label>
								<label><input type="checkbox" name="" id="" value="" />主题酒店</label>
								<label><input type="checkbox" name="" id="" value="" />商务酒店</label>
								<label><input type="checkbox" name="" id="" value="" />公寓</label>
								<label><input type="checkbox" name="" id="" value="" />豪华酒店</label>
								<label><input type="checkbox" name="" id="" value="" />客栈</label>
								<label><input type="checkbox" name="" id="" value="" />青年旅社</label>
								
							</div>
						</div>
						<div class="info-item clearfix">
							<div class="row-title">
								品牌
							</div>
							<div class="row-unlimited">
								<a href="#">不限</a>
							</div>
							<div class="row-content">
								<label><input type="checkbox" name="" id="" value="" />如家</label>
								<label><input type="checkbox" name="" id="" value="" />汉庭</label>
								<label><input type="checkbox" name="" id="" value="" />7天</label>
								<label><input type="checkbox" name="" id="" value="" />格林豪泰</label>
								<label><input type="checkbox" name="" id="" value="" />尚客优</label>
								<label><input type="checkbox" name="" id="" value="" />速8</label>
								<label><input type="checkbox" name="" id="" value="" />锦江之星</label>
								
							</div>
						</div>
						<div class="info-item clearfix">
							<div class="row-title">
								价格
							</div>
							<div class="row-unlimited">
								<a href="#">不限</a>
							</div>
							<div class="row-content">
							<label><input type="checkbox" name="" id="" value="" />100以下</label>
								<label><input type="radio" name="" id="" value="" />100-200元</label>
								<label><input type="radio" name="" id="" value="" />200-300元</label>
								<label><input type="radio" name="" id="" value="" />200-300元</label>
								<label><input type="radio" name="" id="" value="" />200-300元</label>
								<label><input type="radio" name="" id="" value="" />200-300元</label>
								<label><input type="radio" name="" id="" value="" />200-300元</label>
							</div>
						</div>
						
						<div class="subtotal">
							<span class="total">1000+</span>
							家酒店符合条件
						</div>
					</div>
				</div>
			</div>
			<!--条件选择区域结束-->

			<!--酒店信息展示区域-->
			<div class="con clearfix">
				<div class="con_left">
					<div class="hotel_title">
						<ul>
							<li>
								<a href="#" style="color: #06c1ae;">智能排序</a>
							</li>
							<li>
								<a href="#">价格</a>
							</li>
							<li>
								<a href="#">好评优先</a>
							</li>
							<li>
								<a href="#">人气优先</a>
							</li>
						</ul>
					</div>
					<div class="hotel_item ">
						<img src="./img/hotel1.jpg" />
						<div class="hotel_desc">
							<div class="hotel_name">
								<em>1</em>
								<a href="#">锦江之星(尝试贺龙体育馆站)</a>
							</div>
							<div class="location">
								[识字岭] 雨花区城南中路298号（芙蓉中路与城南中路交叉口东侧
								<span style="color: #13D1BE;">查看地图</span>
								<div class="service clearfix">
									<li>
										<i><img src="./img/wifi.png"/></i>
										<span>无线上网</span>
									</li>
									<li>
										<i><img src="./img/youxian.png"/></i>
										<span>有线上网</span>
									</li>
									<li>
										<i><img src="./img/p.png"/></i>
										<span>停车场</span>
									</li>
									<li>
										<i><img src="./img/pa.png"/></i>
										<span>行李寄存</span>
									</li>
								</div>
								<div class="beizhu">
									<span>订</span>
									<span>情侣约会</span>
									<span>商务出行</span>
								</div>
							</div>
						</div>
						<div class="score">
							<div class="score_info">
								<span style="font-size: 23px;">4.8</span>分 很好
							</div>
							<span class="number">5000+人消费</span>
							<a href="#" class="pinglun">查看评论</a>
						</div>
						<div class="h_price">
							<span style="font-size: 12px;">￥</span>139 <span style="font-size: 12px;">起</span>
							<a href="#" class="look">查看详情</a>
						</div>
					</div>
					<div class="hotel_item ">
						<img src="./img/hotel2.jpg" />
						<div class="hotel_desc">
							<div class="hotel_name">
								<em>2</em>
								<a href="#">锦江之星(尝试贺龙体育馆站)</a>
							</div>
							<div class="location">
								[识字岭] 雨花区城南中路298号（芙蓉中路与城南中路交叉口东侧
								<span style="color: #13D1BE;">查看地图</span>
								<div class="service clearfix">
									<li>
										<i><img src="./img/wifi.png"/></i>
										<span>无线上网</span>
									</li>
									<li>
										<i><img src="./img/youxian.png"/></i>
										<span>有线上网</span>
									</li>
									<li>
										<i><img src="./img/p.png"/></i>
										<span>停车场</span>
									</li>
									<li>
										<i><img src="./img/pa.png"/></i>
										<span>行李寄存</span>
									</li>
								</div>
								<div class="beizhu">
									<span>订</span>
									<span>情侣约会</span>
									<span>商务出行</span>
								</div>
							</div>
						</div>
						<div class="score">
							<div class="score_info">
								<span style="font-size: 23px;">4.8</span>分 很好
							</div>
							<span class="number">5000+人消费</span>
							<a href="#" class="pinglun">查看评论</a>
						</div>
						<div class="h_price">
							<span style="font-size: 12px;">￥</span>139 <span style="font-size: 12px;">起</span>
							<a href="#" class="look">查看详情</a>
						</div>
					</div>
					<div class="hotel_item ">
						<img src="./img/hotel3.jpg" />
						<div class="hotel_desc">
							<div class="hotel_name">
								<em>3</em>
								<a href="#">锦江之星(尝试贺龙体育馆站)</a>
							</div>
							<div class="location">
								[识字岭] 雨花区城南中路298号（芙蓉中路与城南中路交叉口东侧
								<span style="color: #13D1BE;">查看地图</span>
								<div class="service clearfix">
									<li>
										<i><img src="./img/wifi.png"/></i>
										<span>无线上网</span>
									</li>
									<li>
										<i><img src="./img/youxian.png"/></i>
										<span>有线上网</span>
									</li>
									<li>
										<i><img src="./img/p.png"/></i>
										<span>停车场</span>
									</li>
									<li>
										<i><img src="./img/pa.png"/></i>
										<span>行李寄存</span>
									</li>
								</div>
								<div class="beizhu">
									<span>订</span>
									<span>情侣约会</span>
									<span>商务出行</span>
								</div>
							</div>
						</div>
						<div class="score">
							<div class="score_info">
								<span style="font-size: 23px;">4.8</span>分 很好
							</div>
							<span class="number">5000+人消费</span>
							<a href="#" class="pinglun">查看评论</a>
						</div>
						<div class="h_price">
							<span style="font-size: 12px;">￥</span>139 <span style="font-size: 12px;">起</span>
							<a href="#" class="look">查看详情</a>
						</div>
					</div>
					<div class="hotel_item ">
						<img src="./img/hotel4.jpg" />
						<div class="hotel_desc">
							<div class="hotel_name">
								<em>4</em>
								<a href="#">锦江之星(尝试贺龙体育馆站)</a>
							</div>
							<div class="location">
								[识字岭] 雨花区城南中路298号（芙蓉中路与城南中路交叉口东侧
								<span style="color: #13D1BE;">查看地图</span>
								<div class="service clearfix">
									<li>
										<i><img src="./img/wifi.png"/></i>
										<span>无线上网</span>
									</li>
									<li>
										<i><img src="./img/youxian.png"/></i>
										<span>有线上网</span>
									</li>
									<li>
										<i><img src="./img/p.png"/></i>
										<span>停车场</span>
									</li>
									<li>
										<i><img src="./img/pa.png"/></i>
										<span>行李寄存</span>
									</li>
								</div>
								<div class="beizhu">
									<span>订</span>
									<span>情侣约会</span>
									<span>商务出行</span>
								</div>
							</div>
						</div>
						<div class="score">
							<div class="score_info">
								<span style="font-size: 23px;">4.8</span>分 很好
							</div>
							<span class="number">5000+人消费</span>
							<a href="#" class="pinglun">查看评论</a>
						</div>
						<div class="h_price">
							<span style="font-size: 12px;">￥</span>139 <span style="font-size: 12px;">起</span>
							<a href="#" class="look">查看详情</a>
						</div>
					</div>
					<div class="hotel_item ">
						<img src="./img/hotel5.png" />
						<div class="hotel_desc">
							<div class="hotel_name">
								<em>5</em>
								<a href="#">锦江之星(尝试贺龙体育馆站)</a>
							</div>
							<div class="location">
								[识字岭] 雨花区城南中路298号（芙蓉中路与城南中路交叉口东侧
								<span style="color: #13D1BE;">查看地图</span>
								<div class="service clearfix">
									<li>
										<i><img src="./img/wifi.png"/></i>
										<span>无线上网</span>
									</li>
									<li>
										<i><img src="./img/youxian.png"/></i>
										<span>有线上网</span>
									</li>
									<li>
										<i><img src="./img/p.png"/></i>
										<span>停车场</span>
									</li>
									<li>
										<i><img src="./img/pa.png"/></i>
										<span>行李寄存</span>
									</li>
								</div>
								<div class="beizhu">
									<span>订</span>
									<span>情侣约会</span>
									<span>商务出行</span>
								</div>
							</div>
						</div>
						<div class="score">
							<div class="score_info">
								<span style="font-size: 23px;">4.8</span>分 很好
							</div>
							<span class="number">5000+人消费</span>
							<a href="#" class="pinglun">查看评论</a>
						</div>
						<div class="h_price">
							<span style="font-size: 12px;">￥</span>139 <span style="font-size: 12px;">起</span>
							<a href="#" class="look">查看详情</a>
						</div>
					</div>
					<div class="hotel_item ">
						<img src="./img/hotel6.png" />
						<div class="hotel_desc">
							<div class="hotel_name">
								<em>6</em>
								<a href="#">锦江之星(尝试贺龙体育馆站)</a>
							</div>
							<div class="location">
								[识字岭] 雨花区城南中路298号（芙蓉中路与城南中路交叉口东侧
								<span style="color: #13D1BE;">查看地图</span>
								<div class="service clearfix">
									<li>
										<i><img src="./img/wifi.png"/></i>
										<span>无线上网</span>
									</li>
									<li>
										<i><img src="./img/youxian.png"/></i>
										<span>有线上网</span>
									</li>
									<li>
										<i><img src="./img/p.png"/></i>
										<span>停车场</span>
									</li>
									<li>
										<i><img src="./img/pa.png"/></i>
										<span>行李寄存</span>
									</li>
								</div>
								<div class="beizhu">
									<span>订</span>
									<span>情侣约会</span>
									<span>商务出行</span>
								</div>
							</div>
						</div>
						<div class="score">
							<div class="score_info">
								<span style="font-size: 23px;">4.8</span>分 很好
							</div>
							<span class="number">5000+人消费</span>
							<a href="#" class="pinglun">查看评论</a>
						</div>
						<div class="h_price">
							<span style="font-size: 12px;">￥</span>139 <span style="font-size: 12px;">起</span>
							<a href="#" class="look">查看详情</a>
						</div>
					</div>
					<div class="hotel_item ">
						<img src="./img/hotel7.jpg" />
						<div class="hotel_desc">
							<div class="hotel_name">
								<em>7</em>
								<a href="#">锦江之星(尝试贺龙体育馆站)</a>
							</div>
							<div class="location">
								[识字岭] 雨花区城南中路298号（芙蓉中路与城南中路交叉口东侧
								<span style="color: #13D1BE;">查看地图</span>
								<div class="service clearfix">
									<li>
										<i><img src="./img/wifi.png"/></i>
										<span>无线上网</span>
									</li>
									<li>
										<i><img src="./img/youxian.png"/></i>
										<span>有线上网</span>
									</li>
									<li>
										<i><img src="./img/p.png"/></i>
										<span>停车场</span>
									</li>
									<li>
										<i><img src="./img/pa.png"/></i>
										<span>行李寄存</span>
									</li>
								</div>
								<div class="beizhu">
									<span>订</span>
									<span>情侣约会</span>
									<span>商务出行</span>
								</div>
							</div>
						</div>
						<div class="score">
							<div class="score_info">
								<span style="font-size: 23px;">4.8</span>分 很好
							</div>
							<span class="number">5000+人消费</span>
							<a href="#" class="pinglun">查看评论</a>
						</div>
						<div class="h_price">
							<span style="font-size: 12px;">￥</span>139 <span style="font-size: 12px;">起</span>
							<a href="#" class="look">查看详情</a>
						</div>
					</div>
					<div class="hotel_item ">
						<img src="./img/hotel8.jpg" />
						<div class="hotel_desc">
							<div class="hotel_name">
								<em>8</em>
								<a href="#">锦江之星(尝试贺龙体育馆站)</a>
							</div>
							<div class="location">
								[识字岭] 雨花区城南中路298号（芙蓉中路与城南中路交叉口东侧
								<span style="color: #13D1BE;">查看地图</span>
								<div class="service clearfix">
									<li>
										<i><img src="./img/wifi.png"/></i>
										<span>无线上网</span>
									</li>
									<li>
										<i><img src="./img/youxian.png"/></i>
										<span>有线上网</span>
									</li>
									<li>
										<i><img src="./img/p.png"/></i>
										<span>停车场</span>
									</li>
									<li>
										<i><img src="./img/pa.png"/></i>
										<span>行李寄存</span>
									</li>
								</div>
								<div class="beizhu">
									<span>订</span>
									<span>情侣约会</span>
									<span>商务出行</span>
								</div>
							</div>
						</div>
						<div class="score">
							<div class="score_info">
								<span style="font-size: 23px;">4.8</span>分 很好
							</div>
							<span class="number">5000+人消费</span>
							<a href="#" class="pinglun">查看评论</a>
						</div>
						<div class="h_price">
							<span style="font-size: 12px;">￥</span>139 <span style="font-size: 12px;">起</span>
							<a href="#" class="look">查看详情</a>
						</div>
					</div>
					<div class="hotel_item ">
						<img src="./img/hotel9.jpg" />
						<div class="hotel_desc">
							<div class="hotel_name">
								<em>9</em>
								<a href="#">锦江之星(尝试贺龙体育馆站)</a>
							</div>
							<div class="location">
								[识字岭] 雨花区城南中路298号（芙蓉中路与城南中路交叉口东侧
								<span style="color: #13D1BE;">查看地图</span>
								<div class="service clearfix">
									<li>
										<i><img src="./img/wifi.png"/></i>
										<span>无线上网</span>
									</li>
									<li>
										<i><img src="./img/youxian.png"/></i>
										<span>有线上网</span>
									</li>
									<li>
										<i><img src="./img/p.png"/></i>
										<span>停车场</span>
									</li>
									<li>
										<i><img src="./img/pa.png"/></i>
										<span>行李寄存</span>
									</li>
								</div>
								<div class="beizhu">
									<span>订</span>
									<span>情侣约会</span>
									<span>商务出行</span>
								</div>
							</div>
						</div>
						<div class="score">
							<div class="score_info">
								<span style="font-size: 23px;">4.8</span>分 很好
							</div>
							<span class="number">5000+人消费</span>
							<a href="#" class="pinglun">查看评论</a>
						</div>
						<div class="h_price">
							<span style="font-size: 12px;">￥</span>139 <span style="font-size: 12px;">起</span>
							<a href="#" class="look">查看详情</a>
						</div>
					</div>
					<div class="hotel_item ">
						<img src="./img/hotel10.jpg" />
						<div class="hotel_desc">
							<div class="hotel_name">
								<em>10</em>
								<a href="#">锦江之星(尝试贺龙体育馆站)</a>
							</div>
							<div class="location">
								[识字岭] 雨花区城南中路298号（芙蓉中路与城南中路交叉口东侧
								<span style="color: #13D1BE;">查看地图</span>
								<div class="service clearfix">
									<li>
										<i><img src="./img/wifi.png"/></i>
										<span>无线上网</span>
									</li>
									<li>
										<i><img src="./img/youxian.png"/></i>
										<span>有线上网</span>
									</li>
									<li>
										<i><img src="./img/p.png"/></i>
										<span>停车场</span>
									</li>
									<li>
										<i><img src="./img/pa.png"/></i>
										<span>行李寄存</span>
									</li>
								</div>
								<div class="beizhu">
									<span>订</span>
									<span>情侣约会</span>
									<span>商务出行</span>
								</div>
							</div>
						</div>
						<div class="score">
							<div class="score_info">
								<span style="font-size: 23px;">4.8</span>分 很好
							</div>
							<span class="number">5000+人消费</span>
							<a href="#" class="pinglun">查看评论</a>
						</div>
						<div class="h_price">
							<span style="font-size: 12px;">￥</span>139 <span style="font-size: 12px;">起</span>
							<a href="#" class="look">查看详情</a>
						</div>
					</div>
					<div class="hotel_item ">
						<img src="./img/hotel1.jpg" />
						<div class="hotel_desc">
							<div class="hotel_name">
								<em>11 k,</em>
								<a href="#">锦江之星(尝试贺龙体育馆站)</a>
							</div>
							<div class="location">
								[识字岭] 雨花区城南中路298号（芙蓉中路与城南中路交叉口东侧
								<span style="color: #13D1BE;">查看地图</span>
								<div class="service clearfix">
									<li>
										<i><img src="./img/wifi.png"/></i>
										<span>无线上网</span>
									</li>
									<li>
										<i><img src="./img/youxian.png"/></i>
										<span>有线上网</span>
									</li>
									<li>
										<i><img src="./img/p.png"/></i>
										<span>停车场</span>
									</li>
									<li>
										<i><img src="./img/pa.png"/></i>
										<span>行李寄存</span>
									</li>
								</div>
								<div class="beizhu">
									<span>订</span>
									<span>情侣约会</span>
									<span>商务出行</span>
								</div>
							</div>
						</div>
						<div class="score">
							<div class="score_info">
								<span style="font-size: 23px;">4.8</span>分 很好
							</div>
							<span class="number">5000+人消费</span>
							<a href="#" class="pinglun">查看评论</a>
						</div>
						<div class="h_price">
							<span style="font-size: 12px;">￥</span>139 <span style="font-size: 12px;">起</span>
							<a href="#" class="look">查看详情</a>
						</div>
					</div>
				</div>
				<div class="con_right">

				</div>
				<div class="con_bottom">

				</div>
			</div>
			<!--酒店信息展示区域结束-->
			<!--导航信息开始-->
			<div class="daohang">
				<div class="container">
					<div class="con_title">
						<p class="title">美团导航</p>
					</div>
					<div class="bottom">
						<div class="daohang_item clearfix">
							<p class="bottom_title clearfix">热门城市</p>
							<ul class="clearfix">
								<li>
									<a href="">武汉</a>
								</li>
								<li>
									<a href="">福州</a>
								</li>
								<li>
									<a href="">青岛</a>
								</li>
								<li>
									<a href="">长春</a>
								</li>
								<li>
									<a href="">上海</a>
								</li>
								<li>
									<a href="">杭州</a>
								</li>
								<li>
									<a href="">厦门</a>
								</li>
								<li>
									<a href="">长沙</a>
								</li>
								<li>
									<a href="">郑州</a>
								</li>
								<li>
									<a href="">南京</a>
								</li>
								<li>
									<a href="">成都</a>
								</li>
								<li>
									<a href="">温州</a>
								</li>
								<li>
									<a href="">苏州</a>
								</li>
								<li>
									<a href="">合肥</a>
								</li>
								<li>
									<a href="">哈尔滨</a>
								</li>
								<li>
									<a href="">沈阳</a>
								</li>
								<li>
									<a href="">深圳</a>
								</li>
								<li>
									<a href="">天津</a>
								</li>
								<li>
									<a href="">贵阳</a>
								</li>
								<li>
									<a href="">宁波</a>
								</li>

							</ul>

						</div>
						<div class="daohang_item clearfix">
							<p class="bottom_title  clearfix">热门分类</p>
							<ul style="border: 0;">
								<li>
									<a href="">美食</a>
								</li>
								<li>
									<a href="">休闲娱乐</a>
								</li>
								<li>
									<a href="">运动健身</a>
								</li>
								<li>
									<a href="">生活服务</a>
								</li>
								<li>
									<a href="">上门服务</a>
								</li>
								<li>
									<a href="">购物</a>
								</li>
								<li>
									<a href="">时尚购</a>
								</li>
								<li>
									<a href="">本地购物</a>
								</li>
								<li>
									<a href="">结婚</a>
								</li>
								<li>
									<a href="">摄影写真</a>
								</li>
								<li>
									<a href="">宴会</a>
								</li>
								<li>
									<a href="">丽人</a>
								</li>
								<li>
									<a href="">母婴亲子</a>
								</li>
								<li>
									<a href="">学习培训</a>
								</li>
								<li>
									<a href="">家装</a>
								</li>
								<li>
									<a href="">汽车服务</a>
								</li>
								<li>
									<a href="">医疗</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--导航信息结束-->

			<!--页脚部分-->
			<div id="footer">
				<div class="footer_con">
					<div class="footer_top clearfix">
						<ul>
							<p>用户帮助</p>
							<li>
								<a href="">美团承诺</a>
							</li>
							<li>
								<a href="">购物保障</a>
							</li>
							<li>
								<a href="">申请退款</a>
							</li>
							<li>
								<a href="">查看美团券密码</a>
							</li>
							<li>
								<a href="">常见问题</a>
							</li>
							<li>
								<a href="">用户协议</a>
							</li>
							<li>
								<a href="">隐私政策</a>
							</li>
							<li>
								<a href="">反诈骗公告</a>
							</li>
							<p style="margin-top: 30px;">美团服务</p>
							<li>
								<a href="">美团外卖</a>
							</li>
							<li>
								<a href="">猫眼电影</a>
							</li>
							<li>
								<a href="">美团云</a>
							</li>
							<li>
								<a href="">大众点评</a>
							</li>

						</ul>
						<ul>
							<p>用户帮助</p>
							<li>
								<a href="">美食商家入驻（非外卖）</a>
							</li>
							<li>
								<a href="">外卖商家入驻</a>
							</li>
							<li>
								<a href="">酒店商家入驻</a>
							</li>
							<li>
								<a href="">境内度假商家入驻</a>
							</li>
							<li>
								<a href="">综合商家入驻</a>
							</li>
							<li>
								<a href="">点钞秒付合作申请</a>
							</li>
							<li>
								<a href="">美团点评智能收银机</a>
							</li>
							<li>
								<a href="">聚宝盆餐饮开放平台</a>
							</li>
							<li>
								<a href="">智能美团支付</a>
							</li>

						</ul>
						<ul>
							<p>用户帮助</p>
							<li>
								<a href="">美团承诺</a>
							</li>
							<li>
								<a href="">购物保障</a>
							</li>
							<li>
								<a href="">申请退款</a>
							</li>
							<li>
								<a href="">查看美团券密码</a>
							</li>
							<li>
								<a href="">常见问题</a>
							</li>
							<li>
								<a href="">用户协议</a>
							</li>
							<li>
								<a href="">隐私政策</a>
							</li>
							<li>
								<a href="">反诈骗公告</a>
							</li>
						</ul>
						<ul>
							<p>用户帮助</p>
							<li>
								<a href="">美团承诺</a>
							</li>
							<li>
								<a href="">购物保障</a>
							</li>
							<li>
								<a href="">申请退款</a>
							</li>
							<li>
								<a href="">查看美团券密码</a>
							</li>
							<li>
								<a href="">常见问题</a>
							</li>
							<li>
								<a href="">用户协议</a>
							</li>
							<li>
								<a href="">隐私政策</a>
							</li>
							<li>
								<a href="">反诈骗公告</a>
							</li>

						</ul>
						<div class="lianxidianhua">
							<p style="color: #06C1AE;font-size: 18px;line-height: 50px;">客服电话</p>
							<p style="font-weight:500;font-size: 25px;">10107888</p>
							<time style="font-size: 14px;line-height: 30px;">（9:00-23:00）</time>
						</div>
					</div>

					<!--页脚部分结束-->

					<!--底部版权信息开始-->
					<div class="footer_bottom clearfix">
						<div class="container">
							<div class="banquan">
								<p>©美团网团购 meituan.com 京ICP证070791号 | 京ICP备10211739号 | 电子公告服务规则</p>
								<p>广播电视节目制作经营许可证（京）字第03889号 </p>
							</div>
							<div class="beian">
								<p>京公网安备11010502025545号</p>
								<a href="#" class="sp-ft sp-ft-beian"></a>
								<a href="#" class="sp-ft sp-ft-kexin"></a>
								<a href="#" class="sp-ft sp-ft-12315 "></a>
							</div>
						</div>
					</div>
					<!--底部版权信息结束-->
				</div>

			</div>
	</body>

</html>